OpenLayer |
您所在的位置:网站首页 › openLayers5 标绘 › OpenLayer |
问题:由于百度地图原点在右下角,ol的在左上角。所以在ol里加载会需要对瓦片的xy编号做一些处理。
注意两点:1:横向编号小于0时改为M|x|如(-7改为 M7),纵向编号始终取反。 代码: 百度地图 返回Home import "ol/ol.css"; import Map from "ol/Map"; import View from "ol/View"; import { Tile } from "ol/layer"; import { XYZ, TileImage } from "ol/source"; import TileGrid from "ol/tilegrid/TileGrid"; import { defaults, MousePosition } from "ol/control"; import { transform } from "ol/proj"; export default { data() { return { map: {} }; }, mounted() { this.initmap(); }, methods: { initmap() { let resolutions = []; let baiduX,baiduY; for (let i = 0; i < 19; i++) { resolutions[i] = Math.pow(2, 18 - i); } let tilegrid = new TileGrid({ origin: [0, 0], resolutions: resolutions }); let baidu_source = new TileImage({ projection:"EPSG:3857", tileGrid: tilegrid, tileUrlFunction: function(tileCoord) { if (!tileCoord) return ""; let z = tileCoord[0]; let x = tileCoord[1]; let y = tileCoord[2]; // 对编号xy处理 baiduX = (x |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |